@layout('layouts.clearly')

@section('head-zone')

@endsection

@section('content')
@id("user.login")

<div class="page-head">
    <h1>Đăng nhập</h1>
</div>
<div class="container page-outer">
    <div class="w600 fl-left">
        @if ($errors->has())
        <div class="error-box">
            <h4>Có một số sai sót, bạn vui lòng kiểm tra lại</h4>
        </div>
        @endif
        <form id="loginForm" action="{{ asset('dang-nhap') }}" class="center">
            <fieldset>
                <div class="w420 center" style="padding: 30px 0 30px">
            <div class="control-group required">
                <label for="username">
                    Tên đăng nhập
                </label>

                <div class="controls">
                    <input type="text" name="username" id="username" class="w-full input"/>
                </div>
            </div>

            <div class="control-group required">
                <label for="password">Mật khẩu</label>
                <div class="controls">
                    <input type="password" name="password" id="password" class="w-full input">
                </div>
            </div>

            <div class="control-group">
                <label class="checkbox">
                    <input type="checkbox" name="remember" id="remember" value="1">
                    Ghi nhớ
                </label>
                {{ Form::token() }}
                <button type="submit" class="btn btn-primary fl-right">Đăng nhập</button>
            </div>
                </div>
            </fieldset>
        </form>
    </div>

    <div class="w300 fl-right">
        <div class="helper-box">
            <h3>Giúp đỡ</h3>
            <ul class="content no-style nav">
                <li><a href="{{ asset('dang-ky') }}">
                    <i class="icon-edit"></i>
                    Đăng ký tài khoản</a>
                </li>
                <li><a href="{{ asset('user/forgot') }}">
                    <i class="icon-hand-right"></i>
                    Quên mật khẩu</a>
                </li>
            </ul>
        </div>

        <div class="helper-box">
            <h3>Thuận tiện hơn?</h3>
            <span class="describe">Bạn muốn sử dụng tài khoản khác để đăng nhập. Chúng tôi hỗ trợ: </span>
            <ul class="content no-style oauth2 nav">
                <li><a href="{{ asset('oauth2/session/google') }}">
                    <i class="icon-star"></i>
                    Google (G+, Gmail, ...)</a>
                </li>

                <li><a href="{{ asset('oauth2/session/windowslive') }}">
                    <i class="icon-star"></i>
                    Microsoft (Windows Live, Hotmail, ...)</a>
                </li>

                <li><a href="{{ asset('oauth2/session/facebook') }}">
                    <i class="icon-star"></i>
                    Facebook</a>
                </li>
            </ul>
        </div>
    </div>
</div>
@endsection